
//文档加载事件
$(function (){
    $("#slider").slidebox({
        boxh: 448,//盒子的高度
        w: 1000,//图片的宽度
        h: 448,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
$(function (){
    $("#slider1").slidebox({
        boxh: 210,//盒子的高度
        w: 326,//图片的宽度
        h: 210,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
$(function (){
    $("#slider2").slidebox({
        boxh: 338,//盒子的高度
        w: 425,//图片的宽度
        h: 338,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
$(function (){
    $("#slider3").slidebox({
        boxh: 338,//盒子的高度
        w: 425,//图片的宽度
        h: 338,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
$(function (){
    $("#slider4").slidebox({
        boxh: 338,//盒子的高度
        w: 425,//图片的宽度
        h: 338,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
/*书籍换图*/
$('#shu1').hover(
    function(){
        $('#ebook .ys img').attr('src','./image/shu.jpg')
    },
    function(){
        $('#ebook .ys img').attr('src','./image/index8.jpg')
    }
)
$('#shu2').hover(
    function(){
        $('#ebook .ys img').attr('src','./image/shu1.jpg')
    },
    function(){
         $('#ebook .ys img').attr('src','./image/index8.jpg')
    }
)
$('#shu3').hover(
    function(){
        $('#ebook .ys img').attr('src','./image/shu2.jpg')
    },
    function(){
         $('#ebook .ys img').attr('src','./image/index8.jpg')
    }
)
/*服装换图*/
$('#fuz1').hover(
     function(){
        $('#cloth .ss img').attr('src','./image/fuz1.jpg')
        $('#cloth .xx img').attr('src','./image/fuz4.jpg')
    },
    function(){
         $('#cloth .ss img').attr('src','./image/index12.jpg')
         $('#cloth .xx img').attr('src','./image/index13.jpg')
    }
)
$('#fuz2').hover(
     function(){
        $('#cloth .ss img').attr('src','./image/fuz2.jpg')
        $('#cloth .xx img').attr('src','./image/fuz5.jpg')
    },
    function(){
         $('#cloth .ss img').attr('src','./image/index12.jpg')
         $('#cloth .xx img').attr('src','./image/index13.jpg')
    }
)
$('#fuz3').hover(
     function(){
        $('#cloth .ss img').attr('src','./image/fuz3.jpg')
        $('#cloth .xx img').attr('src','./image/fuz6.jpg')
    },
    function(){
         $('#cloth .ss img').attr('src','./image/index12.jpg')
         $('#cloth .xx img').attr('src','./image/index13.jpg')
    }
)
/*运动户外换图*/
$('#yd1').hover(
     function(){
        $('#sport .ss img').attr('src','./image/yd4.jpg')
        $('#sport .xx img').attr('src','./image/yd1.jpg')
    },
    function(){
         $('#sport .ss img').attr('src','./image/yd_07.jpg')
         $('#sport .xx img').attr('src','./image/yd_12.jpg')
    }
)
$('#yd2').hover(
     function(){
        $('#sport .ss img').attr('src','./image/yd5.jpg')
        $('#sport .xx img').attr('src','./image/yd2.jpg')
    },
    function(){
         $('#sport .ss img').attr('src','./image/yd_07.jpg')
         $('#sport .xx img').attr('src','./image/yd_12.jpg')
    }
)
$('#yd3').hover(
     function(){
        $('#sport .ss img').attr('src','./image/yd6.jpg')
        $('#sport .xx img').attr('src','./image/yd3.jpg')
    },
    function(){
         $('#sport .ss img').attr('src','./image/yd_07.jpg')
         $('#sport .xx img').attr('src','./image/yd_12.jpg')
    }
)
/*童装*/
$('#tz1').hover(
     function(){
        $('#baby .ss img').attr('src','./image/tz4.jpg')
        $('#baby .xx img').attr('src','./image/tz1.jpg')
    },
    function(){
         $('#baby .ss img').attr('src','./image/tz (1).jpg')
         $('#baby .xx img').attr('src','./image/tz (4).jpg')
    }
)
$('#tz2').hover(
     function(){
        $('#baby .ss img').attr('src','./image/tz5.jpg')
        $('#baby .xx img').attr('src','./image/tz2.jpg')
    },
    function(){
         $('#baby .ss img').attr('src','./image/tz (1).jpg')
         $('#baby .xx img').attr('src','./image/tz (4).jpg')
    }
)
$('#tz3').hover(
     function(){
        $('#baby .ss img').attr('src','./image/tz6.jpg')
        $('#baby .xx img').attr('src','./image/tz3.jpg')
    },
    function(){
         $('#baby .ss img').attr('src','./image/tz (1).jpg')
         $('#baby .xx img').attr('src','./image/tz (4).jpg')
    }
)
/*领券中心*/
$('.lq').hover(
    function(){
        $('.lq span').css('display','block')
    },
    function(){
        $('.lq span').css('display','none')
    }
)
/*楼层*/
$('#btn1').click(function(){
    let top=$('#ebook').offset().top;
    console.log(top)
    $("html,body").scrollTop(top);
})
$('#btn2').click(function(){
    let top=$('#cloth').offset().top;
    console.log(top)
    $("html,body").scrollTop(top);
})
$('#btn3').click(function(){
    let top=$('#sport').offset().top;
    console.log(top)
    $("html,body").scrollTop(top);
})
$('#btn4').click(function(){
    let top=$('#baby').offset().top;
    console.log(top)
    $("html,body").scrollTop(top);
})
$('#btn5').click(function(){
    let top=$('#house').offset().top;
    console.log(top)
    $("html,body").scrollTop(top);
})

$('#lc button').hover(
    function(){
        $(this).css('background','#93d46f')
        $(this).children('span').css('display','block')
    },
    function(){
        $(this).css('background','#fff')
        $(this).children('span').css('display','none')
    }
)
/*独家推荐*/
$(function (){
    $("#slider5").slidebox({
        boxh: 500,//盒子的高度
        w: 1200,//图片的宽度
        h: 500,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
$(function (){
    $("#slider6").slidebox({
        boxh: 500,//盒子的高度
        w: 1200,//图片的宽度
        h: 500,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
$(function (){
    $("#slider7").slidebox({
        boxh: 500,//盒子的高度
        w: 1200,//图片的宽度
        h: 500,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})


/*搜索框显示隐藏*/
$(window).scroll(function(){
    let st=$('html,body').scrollTop()
    console.log(st)
    if(st>800){
        $('#toph').css('display','block')
        $("#header .serachbox form").appendTo("#toph .sear" )
    }else{
        $('#toph').css('display','none')
        $("#toph .sear form").appendTo("#header .serachbox" )
    }
})


